<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    // 1. 设置cookie  cookie 是document对象下的属性
    //2.cookie 在同域名下的页面 只有一份cookie
    //3 cookie 可以设置过期时间
    //4.cookie的存储数据量 一般10kb左右 不同浏览器不同
    // 127.4.5.6:8080/index.html
    // 127.4.5.6:8080/login.html
    // F12  控制台
    // Elements 查看元素和样式
    // Console  查看控制台打印的
    // Sources  本页面加载的资源 css js 等
    // NetWork  查看所有网络请求
    // Performance  性能测试 测试页面加载时间
    // Application  应用 包含cookie  localStorage 和sessionStorage
    //  设置cookie需要 1 document.cookie="key=value;expires="过期时间"
    document.cookie = "username=xiaoli"
    var date = new Date();
    date.setMinutes(55)  //设置分钟
    document.cookie = "password=123456;expires=" + date;

    function setCookie(name, value, exMin) {
      var cookieStr = name + "=" + value
      document.cookie = cookieStr;
      if (exMin) {
        var date = new Date(); //系统时间
        var mydate = new Date(date.getTime() + exMin * 60000)//
        cookieStr += "; expires=" + mydate;
        document.cookie = cookieStr;
      }
    }

    setCookie("age", "88", 6)
    setCookie("sex", "男", 15)
  </script>
</body>

</html>